<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>在平安</title>
<meta name="description" content="中国平安" />
<meta name="keywords" content="中国平安" />
<meta content="width=640, target-densitydpi=320, user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" href="../css/base.css">
<link rel="stylesheet" type="text/css" href="../css/public.css"> 
<script src="../js/zepto.min.js" type="text/javascript"></script>
<script src="../js/zepto-touch.js" type="text/javascript"></script>
<script src="../js/mobiscroll/js/mobiscroll.zepto.js" type="text/javascript"></script>
<script src="../js/mobiscroll/js/mobiscroll.core.js" type="text/javascript"></script>
<script src="../js/mobiscroll/js/mobiscroll.scroller.js" type="text/javascript"></script>
<script src="../js/mobiscroll/js/mobiscroll.datetime.js" type="text/javascript"></script>
<script src="../js/mobiscroll/js/mobiscroll.scroller.ios.js" type="text/javascript"></script>
<script src="../js/mobiscroll/js/mobiscroll.i18n.zh.js" type="text/javascript"></script>
<link href="../js/mobiscroll/css/mobiscroll.scroller.css" rel="stylesheet" type="text/css" />
<link href="../js/mobiscroll/css/mobiscroll.scroller.ios.css" rel="stylesheet" type="text/css" />
<link href="../js/mobiscroll/css/mobiscroll.animation.css" rel="stylesheet" type="text/css" />
<script src="../js/public.js" type="text/javascript"></script>
<script src="../js/myreport/wdydbg-chakan.js" type="text/javascript"></script> 
<script src="../js/iscroll.js" type="text/javascript"></script>
<style>
#wrap{position: absolute;width: 100%;height: 100%;overflow:hidden;}
</style>
</head>

<body>
<div id="wrap">
	<header class="top-bar" id="J-TopBar"> 
			<div class="top-bar-cont">
				<span class="btn-bar-css btn-bar-back btn-bar-left" id="toHome"><i></i></span>
				<h1 onclick="show()"><span id="reportDate">我的03月汇报</span><i class="h1-icon data-icon"></i></h1>
	            <span class="btn-bar-txt btn-txt-state btn-bar-right"><i id="report_status">待确认</i></span>
	          <input type="hidden" id="mydate" onchange="change()"/>
			</div>
	</header>
	 <div class="loading-mask g-mask" id="loading" style="display: none;">
    		<div class="loading-mask-img"><img src="../images/loading.gif" width="70" height="70"></div>
    </div>
	<section id="content" style="position: relative;">
		<div>
        <div class="kpi-module">
            <h2 class="kpi-h2 row-webkit-box">
                <div class="info-list-cont">KPI</div> 
            </h2>
            <div id="klist">
            </div>
        </div>
        <div class="kpi-module">
            <h2 class="kpi-h2 row-webkit-box">
                <div class="info-list-cont">关键工作计划</div> 
            </h2>
            <div id="plist">
            </div>
        </div>
	   </div>     
    </section>
    
    <section class="fixed-title">
        <div class="fixed-title-bg"></div>
        <div class="fixed-title-cont" id="J-FixedTitle"></div>
    </section>
    
    <footer class="footer-fixed" id="#J-SendMsg">
        <div class="footer-fixed-cont">            
            <div class="footer-fixed-bg"></div>
            <div class="footer-btn">
                <div class="btn-css btn-bg-fa4043" id="J-BtnSave">查看评分</div>
                <div class="btn-css btn-bg-fa4043" style="display: none; background-color: gray;" id="NoJ-BtnSave">查看评分</div>
            </div>
        </div> 
    </footer>
</div>

<div class="g-mask" id="GlobalMask">
    <div class="g-mask-bg" id="MaskBtnCancel"></div>
    <div class="g-mask-layout" style="top:30%;">
        <article class="g-mask-content">        
            <section class="g-mask-cont">
                <p>关键工作计划标题关键工作计划标题关键工作计划标题关键工作计划标题</p>
            </section>
        </article> 
    </div> 
</div>
<!-- 错误信息层 -->
<div class="g-mask" id="errorMask">
	<div class="g-mask-bg" id="errorBtncancel"></div>
		<div class="g-mask-layout">
            <article class="g-mask-content">
                <section class="g-mask-cont">
                    <p id="message"></p>
                </section>
            </article>
        </div>
</div>
    
<input type="hidden" value="" id="value"/>
<script> 
var edit = $("#J-EditContent").find(".edit-row-cont");
edit.on("tap", function(){
    location.href='gjgzjh2.html';
});

$("#content").find("h3").on("tap", function(){
    $("#GlobalMask").show();
});
$("#MaskBtnCancel").on("tap", function(){
    $("#GlobalMask").hide();
})
 
$("#content").find(".info-list-icon").on("tap", function(){
    var parent = $(this).parents(".kpi-main");
    parent[parent.hasClass("open-kpi-cont") ? "removeClass" : "addClass" ]("open-kpi-cont");
    return false;
});
</script>
</body>
</html> 